
@function extract-rgb($color) {
  @return (red($color), green($color), blue($color));
}
@mixin set-css-var-type($name, $color) {
  #{$name}: $color-regular;
  #{$name+"-rgb"}: extract-rgb($color-regular);
}
:root,
:host{
  @include set-css-var-type(--el-color-regular, $color-regular);
  .el-switch {
    .el-switch__core{
      min-width: 28px;
      height: 16px;
      .el-switch__action{
        width: 12px;
        height: 12px;
      }
    }
    &.is-checked .el-switch__core .el-switch__action {
      left: calc(100% - 13px);
    }
  }
  .el-switch--small {
    height: 14px;
    .el-switch__core{
      min-width: 28px;
      height: 14px;
      .el-switch__action{
        width: 10px;
        height: 10px;
      }
    }
    &.is-checked .el-switch__core .el-switch__action {
      left: calc(100% - 11px);
    }
  }
  .el-dialog__body {
    flex: 1;
    overflow: auto;
  }
  .dialog-offset {
    margin-left: 160px !important;
  }
  .inner-dialog {
    .el-dialog__header {
      height: 30px;
      padding: 10px 6px 0 14px;
    }
    .el-dialog__body {
      padding: 20px 28px 24px;
    }
  }
  
  .el-dialog__header{
    margin-right: 0;
  }
  .el-dialog__headerbtn{
    width: auto;
    height: auto;
    top: 10px;
    right: 10px;
  }
}
